<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>발생조사/방제</title>
	<link rel="stylesheet" type="text/css" href="/css/base.css"/>
	<link rel="stylesheet" type="text/css" href="/css/layout.css"/>
	<link rel="stylesheet" type="text/css" href="/css/form.css"/>
	<link rel="stylesheet" type="text/css" href="/css/content.css"/>
	<link rel="stylesheet" type="text/css" href="/css/jquery-ui.css"/>
	<link rel="stylesheet" type="text/css" href="/css/jquery.handsontable.full.css"/>
    <link rel="stylesheet" type="text/css" href="/css/ui.jqgrid.css"/>
    
	<script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="/js/jquery-ui.js"></script>
	<script type="text/javascript" src="/js/common.js"></script>
	<script type="text/javascript" src="/js/jquery.handsontable.full.js"></script>
    <script type="text/javascript" src="/js/jquery.jqGrid.min.js"></script>

</head>

<body>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>
<div>asdf</div>

<div id="data_result" style="width:500px;height:240px;overflow:auto;" class="handsontable"></div>
      <script type="text/javascript">
	  $(function() {
		var $container = $("#data_result");
		$container.handsontable({
			stretchH: 'all',
			rowHeaders: true,
			startRows: 8,
			startCols: 6,
			colHeaders: 
			  ['발생조사관리번호'
				,'병해충코드'
				,'관리 기관구분'
				,'발생X좌표'
				,'발생Y좌표'
				,'발생지 행정구역코드'
				,'발생지 지번'
				,'발생지 기타'
				,'경급'
				,'감염목구분'
				,'시료채취유무'
				,'검경요청여부'
				,'예찰일(조사착수년월일)'
				,'예찰일(조사완료년월일)'
				,'예찰자성명(조사공무원)'
				,'예찰자직급'
				,'수종'
				,'피해면적'
				,'피해본수'
				,'보고여부'
				,'관리자'
				,'관리자확인여부'
				,'비고'
				,'첨부파일ID'
				,'입력자'
				,'입력일시'
				],
		  minSpareRows: 1
		});

		var handsontable = $container.data('handsontable');
		
		function loadData() {
			
			  $.getJSON("/sample/data4.json", function(res) {
				  handsontable.loadData(res);
				 });
		}
	  });
	</script>
</body>
</html>
